<template>
  <div>
    <div class="myimage"><h1>我的个人资料</h1></div>
    <el-divider></el-divider>
    <el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
		
      <el-form-item label="昵称:" style="width: 300px;">
		  <h3>{{user.username}}</h3>
       <!-- <el-input v-model="formLabelAlign.name"></el-input> -->
      </el-form-item>

      <el-form-item label="UID:">
        <SP>{{user.id}}</SP>
      </el-form-item>
	  
      <el-form-item label="性别">
          <el-radio-group v-model="formLabelAlign.sex">
            <el-radio label="男"></el-radio>
            <el-radio label="女"></el-radio>
          </el-radio-group>
        </el-form-item>
		
        <el-form-item>
            <el-button style="width: 110px;" type="info" @click="onSubmit">更改</el-button>
          </el-form-item>
    </el-form>
  </div>
</template>

<script>
  export default{
    name:'minemsg',
    data() {
          return {
            labelPosition: 'right',
            formLabelAlign: {
              sex: '男'
            },
			user:{
				id:'',
				username :'xxx'
			}
          }
		  
        },
		methods: {
		 
		},
		created() {
		  if(this.$store.getters.getUser.username) {
			  this.user.id = this.$store.getters.getUser.id
		    this.user.username = this.$store.getters.getUser.username  
		  }
		}
  }
</script>

<style>
</style>
